﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="regist.aspx.cs" Inherits="Web.frontStage.regist" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TemplateWorld.com Template - Web 2.0</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

body{font:12px Arial,Verdana,Tahoma;}
*{padding:0px;margin:0px;}
* li{list-style:none;}
a{text-decoration:none;color:#20537A;}
a:hover{text-decoration:underline;}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    _zoom: 1;
}
*+html .clearfix {
	overflow:auto;
}
.menu_navcc{
	width:985px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menu_nav{width:970px;height:48px;background:url(images/nav_bg.gif) repeat-x;float:left;margin-top:18px;}
.menu_nav .nav_content{padding-left:25px;background:url(images/nav_l_bg.gif) no-repeat;float:left;}
.menu_nav .nav_content li{
	width:88px;
	height:40px;
	padding-left:15px;
	padding-right:13px;
	background:url(images/nav_li_right.gif) no-repeat right center;
	float:left;
	line-height:48px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.menu_nav .nav_content li a{color:#fff;width:88px;height:48px;display:block;}
.menu_nav .nav_content li.current{line-height:37px;}
.menu_nav .nav_content li em{background:url(images/bid_new.gif) no-repeat;width:35px;height:21px;display:inline-block;position:absolute;top:-

20px;left:40px;}
.menu_nav .nav_content li.current a,.menu_nav .nav_content li a:hover{width:88px;height:37px;background:url(images/nav_li_current.gif) no-

repeat;display:block;color:#fff;}
.menu_nav .nav_content li a:hover{background:url(images/nav_li_hover.gif) no-repeat;line-height:37px;text-decoration:none;}
.menu_nav_right{padding-right:20px;background:url(images/nav_r_bg.gif) no-repeat right top;float:right;margin-left:50px;padding-

top:13px;height:23px;padding-bottom:12px;}
p{
margin-bottom:15px}
-->
</style>
<style type="text/css">

.STYLE6 {
	color: #9D0A0A;
	font-size: large;
	font-weight: bold;
}
.STYLE8 {font-size: small}
.STYLE11 {font-family: Fixedsys, "仿宋", System; font-weight: bold; font-size: small; }
-->
</style>
<style type="text/css">
body {
	font-size:12px
}
/* 当前模块的总宽度为250px，不合适的自己调整吧，另外改变相关图片的路径的话注意修改css样式代码的图片路径 */
#slidingBlock {
	width:975px;
	border:1px solid #F5E3D5;
	over-flow:hidden;
	float: none;
	clear: none;
	height: 270px;
	clip: rect(auto,auto,auto,100px);
	margin-left: 0px;
}
#slidingBlock h4 {
    float:left;width:82px;height:30px;line-height:25px;text-align:center;font-size:12px;over-flow:hidden
}
#slidingBlock h4.menuNo {
    font-weight:normal;color:#333333;background:url(images/slidingMenuLine.gif) repeat-x
}
#slidingBlock h4.menuOn {
    font-weight:bold;color:#ffffff;background:url(images/slidingMenu.gif) no-repeat
}
#slidingBlock DIV.slidingList_none {
    display:none
}
#slidingBlock DIV.slidingList {
    margin:0px;padding:5px;height:150px
}
#slidingBlock DIV.slidingList ul {
    margin:0px;padding:0px
}
#slidingBlock DIV.slidingList li {
    height:20px;line-height:177px
}
#slidingBlock DIV.slidingList li span {
    font-size:12px;font-weight:normal;color:#ffffff;padding-left:4px;padding-right:8px
}
#slidingBlock DIV.slidingList li.one {
    background:url(images/slidingTag1.gif) no-repeat
}
#slidingBlock DIV.slidingList li.two {
    background:url(images/slidingTag2.gif) no-repeat
}
#slidingBlock DIV.slidingList li.thr {
    background:url(images/slidingTag3.gif) no-repeat
}
#slidingBlock DIV.slidingList li.for {
    background:url(images/slidingTag4.gif) no-repeat
}
#slidingBlock DIV.slidingList li.fiv {
    background:url(images/slidingTag5.gif) no-repeat
}
#slidingBlock DIV.slidingList li.six {
    background:url(images/slidingTag6.gif) no-repeat
}
.STYLE16 {font-size: x-large}
.STYLE20 {
	font-size: 18px;
}
.STYLE25 {font-size: 14px}
.STYLE34 {font-size: 14px; color: #9D0A0A; }
.STYLE36 {font-size: 14px; font-weight: bold; color: #9D0A0A; }
.STYLE38 {color: #9D0A0A}
.STYLE39 {font-size: 14px; font-style: italic; color: #9D0A0A; }
.STYLE40 {color: #CC0000}
</style>



</head>
<script type = "text/javascript">
    function validate_form1() {


 
        alert("111");

        var b = document.getElementById("sess").value;
        alert(b);
        alert("222");
        var c = '<% = Session["CheckCode"]%>';
        alert(c);

        alert("333");

        return false;
      
     }

    function validate_form() {
   var username =     document.getElementById("username").value;
  var password =      document.getElementById("password").value;
     var passwordagain =    document.getElementById("passwordagain").value;
     var secretanswer = document.getElementById("secretanswer").value;
    var  email = document.getElementById("email").value;
    var validateNumber = document.getElementById("validateNumber").value;
  


  if (validate_notNull(username, "必须要填写用户名O(∩_∩)O~") == false)
  { return false; }
  else if (validate_notNull(password, "必须要填写密码O(∩_∩)O~") == false)
  { return false; }
  else if (validate_passworddetail(password, "密码只能是数字和字母，长度应为4~12位O(∩_∩)O~") == false)
  { return false; }
  else if (validate_notNull(passwordagain, "请再次输入密码O(∩_∩)O~") == false)
  { return false; }
  else if (validate_same(passwordagain, password, "两次输入密码不一致O(∩_∩)O~") == false)
  { return false; }
  else if (validate_notNull(secretanswer, "请填写密保问题答案O(∩_∩)O~") == false)
  { return false; }
  else if (validate_notNull(email, "请填写您的邮箱O(∩_∩)O~") == false)
  { return false; }
  else if (validate_email(email, "邮箱格式不正确O(∩_∩)O~") == false)
  { return false; }
  else if (validate_notNull(validateNumber, "请输入验证码O(∩_∩)O~") == false)
  { return false; }
  else if (document.getElementById("checkServe").getAttribute("checked") == true)
  { alert("请您先阅读服务条款O(∩_∩)O~"); return false; }

  else {
     
      return true;
  }
}


function validate_checknumber(value, alerttxt)
 {
     if (value != Session["CheckCode"].ToString().ToLower())
     { alert(alerttxt); return false; }
     else { return true; }
}
    function validate_notNull(value, alerttxt) {
        if (value == null || value == "")
        { alert(alerttxt);return false; }
        else {return true; }
    }
    function validate_same(value1, value2, AlertTxt) {

        if (value1 != value2) {
            alert(AlertTxt);
            return false;
        }
        else { return true; }
    }

    function validate_passworddetail(value, alerttxt) {
            var reg = /^[a-zA-Z0-9\d]\w{2,11}[a-zA-Z0-9\d]$/; //正则
            if (reg.test(value)) {
                return true;
            } else {
                alert(alerttxt);
                return false;
            }
        }

        function validate_email(value, alerttxt) {
           
                apos = value.indexOf("@")
                dotpos = value.lastIndexOf(".")
                if (apos < 1 || dotpos - apos < 2)
                { alert(alerttxt); return false }
                else { return true }           
        }
   

</script>
<body>
<!--body start -->
<div id="body">
<!--left start -->
<div id="left">
<a href="index.html"><img src="images/logo.gif" alt="import" width="300" height="108" border="0" class="logo" /></a>
<!--member start -->
<div id="member">
<h2>用户登录</h2>
<form name="memberLogin" action="#" method="post" onsubmit="return check_form(this)">
<label>用户名</label>
<input type="text" name="username1" class="txtBox" />
<label>密码</label>
<input type="password1" name="password1" class="txtBox" />
<a href="./findlostpwd.aspx">忘记密码？</a><br/>

<input type="submit" name="login" class="login" value="登录" /> 
<br class="spacer" />
 <input type="button" name="login2" class="login" value="注册" onclick="window.location.href='regist.html'"/>
 <br class="spacer" />
</form>
</div>
<!--member end -->
<!--story start -->
<!--story start -->

<!--story end -->
<!--story end -->
<!--ser start -->
<!--ser end -->
<!--help start -->
<!--help end -->
<div id="right2">
<h2>本周人气排行</h2>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>1.蜘蛛侠</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>2.风云</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>3.叶问</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>4.阿凡达</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>4.阿凡提</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>5.燕尾服</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>6.锦衣卫</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>7.盗梦空间</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>8.海尔兄弟</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>9.狮子王</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>10.黑猫警长</h3></a>
<br class="spacer" />
</div></div>
<!--left end -->
<!--right start -->
<div id="right">

  <div align="right"><input align="right" type="text" value="请输入关键字搜索" onFocus="if(value==defaultValue)

{value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999"/><input type="button" 

value="搜索" onclick="window.location.href='./searchResult.html'"/></div>
<ul class="nav">
<li><a href="./index.aspx" class="hover">主页</a></li>
<li><a href="./pay.aspx">购卡</a></li>
<li><a href="./charge.aspx">充值</a></li>
<li><a href="./videoLib.aspx">影片库</a></li>
<li><a href="./PostList.aspx">公告列表</a></li>
<li><a href="./NewsList.aspx">新闻列表</a></li>
<li class="noBor"><a href="http://www.bjtu.edu.cn">联系我们</a></li>
</ul>
<br class="spacer"/>
    <form id="createUser" runat="server">
    <table>
    <tr>
    <td>
<h2 class="why1"><span>创建账号 </span></h2>
<table width="513" border="0" align="left" cellspacing="10" >
  <tr >
    <td width="170" align="right"><font color="#9D9D9D">用户名 ：*</font></td>
    <td w><asp:TextBox ID="username"
        runat="server"></asp:TextBox></td>
    <td width="161">&nbsp;</td>
  </tr>
  <tr>
    <td height="26" align="right"><font color="#9D9D9D">密  &nbsp;&nbsp;码 ：*</font></td>
    <td> 
        <asp:TextBox ID="password" runat="server"  TextMode="Password"></asp:TextBox>
      </td>
    <td>&nbsp;</td>
  </tr>
  <tr >
    <td align="right" width="170"><font color="#9D9D9D">再次输入密码：* </font>   
           		 </td>
    <td> 
        <asp:TextBox ID="passwordagain" runat="server"  TextMode="Password"></asp:TextBox>
        </td>
    <td>&nbsp;</td>
  </tr>
</table>
</td>
</tr>
<tr>
<td>

<h2 class="why1"><span>安全设置 </span></h2>
<table width="400" border="0" align="left" cellspacing="10">
  <tr>
    <td width="157" align="right"><font color="#9D9D9D">密码保护问题：*</font> </td>
    <td width="209"> 
    <asp:DropDownList ID="secretQuestion" runat="server" style='width:152px' >
            <asp:ListItem Selected="True" Value="1">您母亲的名字是？</asp:ListItem>
            <asp:ListItem Value="2">您父亲的名字是？</asp:ListItem>
            <asp:ListItem Value="3">您母亲的生日是？</asp:ListItem>
            <asp:ListItem Value="4">您父亲的生日是？</asp:ListItem>
            <asp:ListItem Value="5">您的出生地是？</asp:ListItem>
            <asp:ListItem Value="6">你的自定义问题是？</asp:ListItem>
        </asp:DropDownList>
      </td>
  </tr>
   <tr>
    <td align="right"><font color="#9D9D9D"></font></td>
    <td> <input id="secretOwnQuestion" name= "secretOwnQuestion" style="display:none" /></td>
   
  </tr>
  <tr>
    <td align="right"><font color="#9D9D9D">密保问题答案 ：*</font></td>
    <td> <asp:TextBox ID="secretanswer" runat="server"></asp:TextBox></td>
   
  </tr>
   <tr>
    <td align="right"> <font color="#9D9D9D">邮箱：*</font>
                   </td>
    <td>
        <asp:TextBox ID="email" runat="server"></asp:TextBox>
        </td>
  </tr>
  <tr>
    <td align="right"><font color="#9D9D9D">性   别： </font>  </td>
    <td> <asp:RadioButton ID="sexMan" runat="server" GroupName="sex" Checked="True" 
            Text="男" /><font color="#9D9D9D"> 
       
        &nbsp;</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:RadioButton 
            ID="sexWoman" runat="server" GroupName="sex" Text="女" />
        <font color="#9D9D9D"> &nbsp;</font></td>
  </tr>
  
 
</table>
</td>
</tr>
<tr>
<td>
<h2 class="why1"><span>注册验证 </span></h2>
<table width="400" border="0" align="left" cellspacing="10">
  <tr>
    <td width="173" align="center" ></td>
  
            <td style="height: 30px">
                <img id="CodeImg" onclick="this.src='CheckCode.aspx'" src="CheckCode.aspx" />
                <input onclick="document.getElementById('CodeImg').src='CheckCode.aspx?tmp='+Math.random()"
                            type="button" value="看不清，换一张" name="Btn_Re"/></td>
          
  </tr>
  <tr>
    <td align="right"><font color="#9D9D9D">请输入上面的字符：*</font>
                  </td>
    <td> <asp:TextBox ID="validateNumber" 
            runat="server"></asp:TextBox>
      </td>
  </tr>

</table>
</td>
</tr>
<tr>
<td>
<h2 class="why1"><span>服务条款 </span></h2>
<table width="465" border="0" align="left" cellspacing="10">
  <tr>
    <td width="339" align="right">
		       
               <asp:CheckBox ID="checkServe" runat="server"/>
               <font color="#9D9D9D">我已阅读并接受"</font><a 

href="#" ><font color="#2894FF">服务条款</font></a><font color="#9D9D9D">"。</font></td>
    
  </tr>
  <tr>
    <td align="center"> 
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" OnClientClick = "return validate_form()"  Text="创建账号" weight = "80px" height="30px" class="STYLE6"  />
                  </td>
    <td></td>
  </tr>

</table>
</td>
</tr>
</table>
    </form>
<p/>
<h1 class="why">
  </h1>

<!--right1 end -->
<p/>
<p/>
<!--right2 start -->
<p>
  <!--right2 end -->
</p>



</div>
<!--right end -->
<br class="spacer" />
</div>

<!--nav,start-->

<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v1.jiathis.com/code/jiathis_r.js?move=0&amp;btn=r2.gif" charset="utf-8"></script>
<!-- JiaThis Button END -->

<!--nav,end-->
<!--body end -->

<!--footer start -->
<div id="footer"> 
  <ul>
    <li><a href="#">&#20027;&#39029;</a>| </li>
    <li><a href="#">&#36141;&#21345;</a>| </li>
    <li><a href="#">&#20805;&#20540;</a>| </li>
    <li><a href="#">&#24433;&#29255;&#24211;</a>| </li>
    <li><a href="#">&#20844;&#21578;&#21015;&#34920;</a>| </li>
    <li><a href="#">&#26032;&#38395;&#21015;&#34920;</a>| </li>
    <li><a href="#">&#32852;&#31995;&#25105;&#20204;</a>| </li>
  </ul>
  <p class="copyright">Copyright ©BJTU 2011. All Rights Reserved.</p>
  <p class="design">Designed by : <a href="http://www.templateworld.com/" target="_blank" class="link">Icoder Group </a></p>
</div>r end -->
<script type="text/javascript" src="http://www.web600.net/js/fixedFooterAD.js"></script>
</body>
</html>
